<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
</h:head>
<body>
	<h:form>
		<p:graphicText value="Cadastro de Clientes" fontName="Arial"
			fontSize="18" />
		<p:tooltip global="true" />
		
		<p:toolbar styleClass="ui-widget-toolbar">

			<p:toolbarGroup align="left" style="font-size: 12px;">
				<p:commandButton binding="#{clienteForm.btnNovo}" />
				<p:commandButton type="push" value="Salvar" url="#"
					image="ui-icon-disk" title="Salvar registro" />
				<p:commandButton type="push" value="Buscar" url="#"
					image="ui-icon-search" title="Buscar registros" />
				<p:commandButton type="push" value="Exluir" url="#"
					image="ui-icon-trash" />
				<p:commandButton type="push" value="Editar" url="#"
					image="ui-icon-pencil" />
				<p:commandButton type="push" value="Atualizar" url="#"
					image="ui-icon-arrowrefresh-1-s" />
				<p:commandButton type="push" value="Cancelar" url="#"
					image="ui-icon-circle-close" />
			</p:toolbarGroup>

		</p:toolbar>
		<p:messages id="msgs" showDetail="true" />
		<p:fieldset legend="Padrões de menssagens"
			styleClass="ui-widget-fieldSet">
			<p:commandButton value="Informação"
				actionListener="#{clienteForm.addInfo}" update="msgs" />
			<p:commandButton value="Alerta"
				actionListener="#{clienteForm.addWarn}" update="msgs" />
			<p:commandButton value="Erro"
				actionListener="#{clienteForm.addError}" update="msgs" />
			<p:commandButton value="Fatal"
				actionListener="#{clienteForm.addFatal}" update="msgs" />
		</p:fieldset>
		
		<p:panel header="Modelos de componentes comuns"
			styleClass="ui-widget-panel ui-widget-margin-bottom" style="padding-bottom: 12px;">

			<div class="ui-widget-aling-left">
				<div>
					<h:outputLabel styleClass="ui-widget-label" value="Nome" />
				</div>
				<div>
					<p:inputText />
				</div>
			</div>

			<div class="ui-widget-aling-left">
				<div>
					<h:outputLabel styleClass="ui-widget-label" value="Nome" />
				</div>
				<div>
					<p:inputText />
				</div>
			</div>

			<div class="ui-widget-aling-left">
				<div>
					<h:outputLabel styleClass="ui-widget-label" value="Nome" />
				</div>
				<div>
					<p:inputText />
				</div>
			</div>


			<div class="ui-widget-aling-left">
				<div>
					<h:outputLabel styleClass="ui-widget-label" value="Nome" />
				</div>
				<div>
					<p:inputText />
				</div>
			</div>


			<div class="ui-widget-aling-left">
				<div>
					<h:outputLabel styleClass="ui-widget-label" value="Nome" />
				</div>
				<div>
					<p:inputText />
				</div>
			</div>


			<div class="ui-widget-aling-left">
				<div>
					<h:outputLabel styleClass="ui-widget-label" value="Nome" />
				</div>
				<div>
					<p:inputText />
				</div>
			</div>


			<div class="ui-widget-aling-left">
				<div>
					<h:outputLabel styleClass="ui-widget-label" value="Nome" />
				</div>
				<div>
					<p:inputText size="48" />
				</div>
			</div>

			<div class="ui-widget-aling-left">
				<div>
					<h:outputLabel styleClass="ui-widget-label" value="Nome" />
				</div>
				<div>
					<p:inputText size="48" />
				</div>
			</div>

			<div class="ui-widget-aling-left">
				<div>
					<h:outputLabel styleClass="ui-widget-label" value="Nome" />
				</div>
				<div>
					<p:inputText size="48" />
				</div>
			</div>


		</p:panel>

		<p:fieldset legend="Exemplo de fieldSet"
			styleClass="ui-widget-fieldSet">
			Olá esse é um exemplo de fieldSet para uso em nosso sistema
		</p:fieldset>

		<p:tabView dynamic="true" styleClass="ui-widget-tabView" style="padding-bottom: 12px;">

			<p:tab title="Aba I" styleClass="ui-widget-float-left">
				<div class="ui-widget-aling-left">
				<div>
					<h:outputLabel styleClass="ui-widget-label" value="Nome" />
				</div>
				<div>
					<p:inputText size="48" />
				</div>
			</div>
			
			<div class="ui-widget-aling-left" >
				<div>
					<h:outputLabel styleClass="ui-widget-label" value="Nome" />
				</div>
				<div>
					<p:inputText size="48" />
				</div>
			</div>
			</p:tab>

			<p:tab title="Aba II" styleClass="ui-widget-float-left">
				<h:panelGrid columns="2" cellpadding="10">
					<p:graphicImage value="/images/godfather/godfather3.jpg" />
					<h:outputText
						value="After a break of more than 15 years, director Francis Ford Coppola and writer Mario Puzo returned to the well for this third and final story of the fictional Corleone crime family.
				Two decades have passed, and crime kingpin Michael Corleone, now divorced from his wife Kay has nearly succeeded in keeping his promise that his family would one day be completely legitimate." />
				</h:panelGrid>
			</p:tab>

		</p:tabView>


	</h:form>

</body>
</html>
